<template>
  <el-container id="body">
    <el-main id="content">
      <div id="top">
        <h2>修改密码</h2>
      </div>
      <el-form
        style="position: absolute; top: 80px; padding-left: 100px"
        label-position="left"
        label-width="100px"
        :model="form"
        ref="form"
        :rules="rules"
      >
        <el-form-item label="用户名">
          <el-input v-model="form.name" disabled class="input"></el-input>
        </el-form-item>
        <el-form-item label="初始密码">
          <el-input v-model="form.oldPassword" class="input"></el-input>
        </el-form-item>
        <el-form-item label="新的密码">
          <el-input v-model="form.oldPassword" class="input"></el-input>
        </el-form-item>
        <el-form-item   label="确认密码">
          <el-input v-model="form.oldPassword" class="input"></el-input>
        </el-form-item>
        <div style="position: absolute; left: 500px">
          <el-button
            type="primary"
            round
            style="width: 150px"
            @click="submitForm()"
            >确定</el-button
          >
          <el-button
            type="warning"
            round
            style="position: absolute; left: 250px; width: 150px"
            @click="back()"
            >返回</el-button
          >
        </div>
      </el-form>
    </el-main>
  </el-container>
</template>
<script>
import index from "@/components/Breadcrumb/index.vue";
export default {
  components: { index },
  data() {
    return {
      labelPosition: "left",
      form: {
        name: "张三",
        oldPassword: "",
      },
      //定义表单校验规则
      rules: {},
    };
  },
  methods: {
    submitForm() {},
    back() {
      this.$router.push({ path: "/employee/train" });
    },
  },
};
</script>
<style scoped>

#content {
  position: absolute;
  top: 120px;
  width: 92%;
  height: 74%;
  margin: 0 4%;
  padding: 0;
  border: 4px solid rgb(245, 245, 245);
}
#top {
  margin: 0;
  width: 100%;
  height: 10%;
  position: absolute;
  top: 0;
  padding: 0;
  background-color: rgb(245, 245, 245);
}
#top h2 {
  position: absolute;
  top: -15px;
  left: 45%;
}
.input{
    width: 300px;
}
</style>